<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="x-ua-compatible" content="chrome-1 ie=edge">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width">
        <title>登录</title>
        {% load static %}
        <link rel="stylesheet" href="{% static 'css/login_v3.css' %}">
            <!-- jQuery -->
        <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
            <!--Layui-->
        <script src="{% static 'plugins/layui/layui.js' %}"></script>

    </head>
    <body>
        <div id="root">
            <div class="account-wrapper">
                <div class="account-container">
                    <div class="account-header" style="height: 100px;">
                        <h1>工资条管理系统</h1>
                    </div>
                    <div class="account-content account-normal-login">
                        <form action="" id="form_login" method="post">
                            {% csrf_token %}
                        <div class="account-section-title">
                            <div class="account-section-title-content">
                                <p class="account-section-title-text">欢迎使用</p>
                            </div>
                        </div>
                        <div class="account-phone-login">
                            <div class="phone-manager-wrap">
                                <div class="district-code-wrap">
                                    <span class="plus">+</span>
                                    <input class="code-input" value="86">
                                    <i class="next-icon next-icon-triangle-down-s next-medium phone-manager-icon">
                                        <svg viewBox="0 0 1024 1024">
                                            <use xlink:href="#at-triangle-down-s"></use>
                                        </svg></i></div>
                                <div class="phone-input-box">
                                    <div class="linear-input phone-input">
                                        <input class="linear-input-instance" type="tel" placeholder="输入手机号码" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="with-captcha-btn phone-submit">
                                <button type="submit" class="next-btn next-medium next-btn-primary account-btn">发送验证码</button>
                            </div>
                        </div>
                    </form>

                    <div class="account-more-login">
                        <div class="third-area">
                            <a href="#" onclick="alert1()">
                            <div class="circle-btn__3_fk wechat">
                                <span class="icon__3WKO icon dls-icon icon-wechat" data-role="icon" style="font-size: 20px;">
                                </span>
                            </div></a>
                            <a href="#" onclick="alert1()">
                            <div class="circle-btn__3_fk dingding">
                                    <span class="icon__3WKO icon dls-icon icon-dingding" data-role="icon" style="font-size: 20px;"></span>
                            </div>
                            </a>
                            <div class="circle-btn__3_fk normal">
                                <span class="icon__3WKO icon dls-icon icon-more" data-role="icon" style="font-size: 20px;"></span>
                            </div>
                        </div>
                        <a href="#" onclick="alert1()">
                            <button type="button" class="next-btn next-medium next-btn-primary next-btn-text phone-login">验证码登录</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        </div>
    <div style="text-align: center; height: 60px; line-height: 60px; position: absolute;bottom: 0; font-size: 12px; color: rgb(153, 153, 153); width: 100%;">Copyright © 2020-2099 粤能管理. All rights reserved.</div>
<div style="text-align: center; height: 60px; line-height: 60px; position: absolute; bottom: 20px; font-size: 12px; color: rgb(153, 153, 153); width: 100%;"><a href="https://beian.miit.gov.cn/" style="text-decoration: none;color: grey">粤ICP备18131478号-1 </a></div>
    </body>
{% if msg %}
    <script type="text/javascript">
        layui.use('layer',function () {
            var layer=layui.layer;
            info = '{{ msg|safe }}'
            layer.alert(info,{
                icon: 0,
                skin: 'layer-ext-moon',
            })
        })
    </script>
{% endif %}
<script>
    function alert1() {
        alert('未开放！')
    }
</script>
</html>


